<%-- 
    Document   : personal
    Created on : 05-feb-2015, 0:23:27
    Author     : Leonardo
--%>


<ol class="breadcrumb">
    <li>Personas</li>
    <li class="active">Personal</li>
</ol>

<div class="row">
    <div class="col-md-12">
        <section class="widget">
            <header>
                <h5>
                    Panel <span class="fw-semi-bold">Personal</span>
                </h5>
                <div class="widget-controls">
                    <a href="#" title="Expand" data-widgster="expand" style="display: none;"><i class="glyphicon glyphicon-plus"></i></a>
                    <a href="#" title="Collapse" data-widgster="collapse" style="display: inline;"><i class="glyphicon glyphicon-minus"></i></a>
                </div>
            </header>
            <div class="form-horizontal">
                <div class="widget-body">
                    <fieldset>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">CI Personal</label> 
                            <div class="col-sm-2"> <input type="text" id="ciPersonal" placeholder="CI" class="form-control" data-required="true"> </div>
                         </div>
                         <div class="form-group">
                            <label class="col-sm-2 control-label">Nombre</label> 
                            <div class="col-sm-5"> <input type="text" id="nombrePersonal" placeholder="Nombre" class="form-control" data-required="true"> </div>
                         </div>
                         <div class="form-group">
                            <label class="col-sm-2 control-label">Apellido</label> 
                            <div class="col-sm-5"> <input type="text" id="apellidoPersonal" placeholder="Apellido" class="form-control" data-required="true"> </div>
                         </div>
                         <div class="form-group">
                            <label class="col-sm-2 control-label">Telefono</label> 
                            <div class="col-sm-3"> <input type="text" id="telefonoPersonal" placeholder="Telefono" class="form-control" data-required="true"> </div>
                         </div>
                         <div class="form-group">
                            <label class="col-sm-2 control-label">Celular</label> 
                            <div class="col-sm-3"> <input type="text" id="celularPersonal" placeholder="Celular" class="form-control" > </div>
                         </div>
                         <div class="form-group">
                            <label class="col-sm-2 control-label">Direccion</label> 
                            <div class="col-sm-10"> <input type="text" id="direccionPersonal" placeholder="Direccion" class="form-control" > </div>
                         </div> 
                    </fieldset>
                    <div class="form-actions">
                        <label class="col-sm-2 control-label"></label> 
                        <input type="button" id="guardarPersonal" class="btn btn-success" value="Guardar">
                        <input type="button" id="modificarPersonal" class="btn btn-primary" value="Modificar">
                        <input type="button" id="eliminarPersonal" class="btn btn-danger" value="Eliminar">
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <section class="widget">
            <header>
                <h5>
                    Tabla <span class="fw-semi-bold">Personal</span>
                </h5>
                <div class="widget-controls">
                    <a href="#" title="Expand" data-widgster="expand" style="display: none;"><i class="glyphicon glyphicon-plus"></i></a>
                    <a href="#" title="Collapse" data-widgster="collapse" style="display: inline;"><i class="glyphicon glyphicon-minus"></i></a>
                </div>
            </header>
            <div class="widget-body">
                <div id="desplegablePersonal"></div>
            </div>
        </section>
    </div>
</div>
<script>
    javascript: cargaAjax('tablas/tabla.Personas.jsp', 'desplegablePersonal', 'xTipoPersona=P');

    function abmPersonal(xFuncion)
    {
        if($('#ciPersonal').val() == '')
        {
            showMensaje('Debe ingresar CI', 'alerta');
        }
        else if($('#nombrePersonal').val() == '')
        {
            showMensaje('Debe ingresar Nombre', 'alerta');
        }
        else if($('#apellidoPersonal').val() == '')
        {
            showMensaje('Debe ingresar Apellido', 'alerta');
        }
        else
        {
            javascript: cargaAjax('intermedio/intermedio.Personas.jsp', 'recarga', 
                        'xCi=' + $('#ciPersonal').val() + 
                        '&xNombre=' + $('#nombrePersonal').val() + 
                        '&xApellido=' + $('#apellidoPersonal').val() + 
                        '&xCelular=' + $('#celularPersonal').val() + 
                        '&xTelefono=' + $('#telefonoPersonal').val() + 
                        '&xDireccion=' + $('#direccionPersonal').val() +  
                        '&xTipoPersona=P' +  
                        '&xFuncion='+xFuncion);  
        }
    }

    $('#guardarPersonal').click(function(){
        abmPersonal(0);
    });

    $('#eliminarPersonal').click(function(){
        abmPersonal(1);
    });

    $('#modificarPersonal').click(function(){
        abmPersonal(2);
    });
</script>